<script setup lang="ts">
import type { Node as N } from '@/soar/components/LgFlowChat/type';

const props = defineProps<{
  data: N;
}>();
</script>

<template>
  <div class="lg-end" :class="`lg-status-${data.status}`">
    <div class="lg-end-box">{{ data.name }}</div>
  </div>
</template>

<style scoped lang="less">
.lg-end {
  text-align: center;
  .lg-end-box {
    padding: 8px 15px;
    background-color: #fff;
    color: #333;
    border-radius: 16px;
    border: 1px solid #dcdfe6;
    cursor: pointer;
    font-size: 14px;
    display: inline-block;
  }
}
</style>
